page {
  --head-height: 68px;
  --primary-color: #549de3;

  box-sizing: border-box;
  height: 100vh;
  width: 100vw;
  overflow: hidden;

  background: #f7f8fa;
  font-size: 14px;


  --nutui-font-size-1:12px;
  --nutui-font-size-2:14px;
  --nutui-font-size-3:16px;
  --nutui-font-size-4:18px;
  --nutui-font-size-5:20px;
  --nutui-font-size-6:22px;
  --nutui-font-size-7:24px;
  --nutui-font-size-8:26px;
  --nutui-font-size-9:28px;
  --nutui-font-size-10:30px;
  // $font-size-xs: var(--nutui-font-size-1, 12px) !default;
  // $font-size-small: var(--nutui-font-size-2, 14px) !default;
  // $font-size-base: var(--nutui-font-size-3, 16px) !default;
  // $font-size-large: var(--nutui-font-size-4, 18px) !default;
  // $font-size-xl: var(--nutui-font-size-5, 20px) !default;
  // $font-size-xxl: var(--nutui-font-size-6, 22px) !default;
  // $font-size-xxxl: var(--nutui-font-size-8, 28px) !default;
  // $font-size-xxxxl: var(--nutui-font-size-10, 32px) !default;

  --nutui-color-primary:#1677ff;
  --nutui-button-default-background-color:#1677ff;
  --nutui-form-item-required-color:#fa2c19;
  // var(--nutui-color-primary, #fa2c19)
}

view {
  box-sizing: border-box;
}

.table-body-tr-warn {
  background-color: red;
}

// .required:before {
//   display: inline-block;
//   margin-right: 8px;
//   color: #ff4d4f;
//   font-size: 28px;
//   font-family: SimSun, sans-serif;
//   line-height: 1;
//   content: "*";
// }

button::after {
  border: none;
}

.nut-cell {
  background-color: var(
    --nutui-cell-background-color,
    var(--nutui-gray-1, #fff)
  );
  border-radius: var(--nutui-cell-border-radius, 6px);
  box-shadow: var(--nutui-cell-box-shadow, 0 1px 7px 0 #edeef1);
  box-sizing: border-box;
  color: var(--nutui-cell-title-color, var(--nutui-gray-7, #1a1a1a));
  font-size: var(--nutui-cell-title-font-size, var(--nutui-font-size-3, 14px));
  line-height: var(--nutui-cell-line-height, 20px);
  margin: 10px 0;
  padding: var(--nutui-cell-padding, 13px 16px);
  position: relative;
}

.nut-form-item {
  display: flex;
  align-items: flex-start;
}

.card {
  padding: 5px;
  border-radius: 4px;
  display: flex;
  background-color: #fff;
  width: 100%;
  // margin: auto;
}

.flex {
  display: flex;
}

.v-flex {
  display: flex;
  flex-direction: column;
}

.flex-0 {
  flex: none;
}

.flex-1 {
  flex: 1;
}
